<template>
    <div>
        <TodoHeader/>
        <TodoContent/>
        <TodoFooter/>
    </div>
</template>

<script>
    import TodoHeader from './todo/todo-header.vue'
    import TodoFooter from './todo/todo-footer.vue'
    import TodoContent from './todo/todo-content.vue'
    export default {
        name: "App",
        components: {
            TodoHeader,
            TodoFooter,
            TodoContent
        },
        data() {
            return {
            }
        }
    }
</script>

<style scoped>

</style>
